.model-category-component {
  position: relative;
  background-color: #ffffff;
}
.model-category-body {
	position: relative;
	padding: 0 16rpx;
	// white-space: nowrap;
	// text-wrap: nowrap;
	&::before {
		position: absolute;
		content: '';
		left: 0;
		top: 0;
		width: 100%;
		height: 1px;
		background-color: #ececec;
		transform: scaleY(0.5);
	}
	&::after {
		position: absolute;
		content: '';
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background-color: #ececec;
		transform: scaleY(0.5);
	}
	.model-scroll-view {
		width: 100%;
		white-space: nowrap;
	}
	.model-category-list {
		display: flex;
		flex-wrap: nowrap;
		height: 88rpx;
	}
	.model-category-item {
		position: relative;
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU || MP-KUAISHOU */
		white-space: nowrap;
		/* #endif */
		padding: 0 24rpx;
		height: 100%;
		font-size: 28rpx;
		color: #777777;
		&::after {
			position: absolute;
			content: '';
			left: 50%;
			bottom: 1px;
			width: 56rpx;
			height: 8rpx;
			transform: translateX(-50%);
		}
		&.active {
			font-weight: 700;
			color: #2C2C2C;
			&::after {
				background-color: #2C2C2C;
			}
		}
	}
}